<template>
	<view class="guest-list">
		<view class="" v-if="list.length!=0">
			<view class="item" v-for="item in list">
				<u-image mode='aspectFill' border-radius='12' :fade="true" duration="450" width="160rpx" height="244rpx" :src="item.guestImg"></u-image>
				<view class="item-msg">
					<view class="title-text mb-10">
						{{item.guestType}}：{{item.guestName}}
					</view>
					<view class="content-text">
						{{item.guestText}}
					</view>
				</view>
			</view>
		</view>
		<u-empty margin-top='20' font-size='24' icon-size='80' :show='list.length==0' text="暂无嘉宾"></u-empty>
	</view>
</template>

<script>
	export default {
		props: {
			list: {
				type: Array,
				default: () => []
			}
		},
		data() {
			return {

			};
		}
	}
</script>

<style lang="scss" scoped>
	.guest-list {
		.item {
			margin-top: 40rpx;
			@include my-flex($fd: row, $fw:no-wrap);

			.item-msg {
				margin-left: 50rpx;
			}
		}
	}
</style>
